import request from '../../utils/request'
Page({

    /**
     * 页面的初始数据
     */
    data: {
        // videoGroupList:[],//导航标签数据
        // navID: "" ,//导航标识
        videoData:[],
        videoListData:[],
        videoId: '',
        videoTimeUpdate:[],
        isTriggered: false,
        offset: 0
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        // this.getGroupListData();
        this.getVideoData();
        wx.showLoading({
            title: '正在加载',
          });
        //   this.getLikedData();
    },
    //请求视频页导航数据
    // async getGroupListData(){
    //     let videoNavData = await request('/video/group/list');
    //     let videoList = videoNavData.data.slice(0,14);
    //     this.setData({
    //         videoGroupList: videoList,
    //         navID: videoList[0].id
    //     })
    //     this.getVideoData(this.data.navID);
    // },

    //点击切换导航标签
    // getNavId(event){
    //     let navID = event.currentTarget.id //通过id向event对象传参数时，会将number类型的数据自动转换成string类型
    //     // let navID = event.currentTarget.dataset.id //通过data-id传值不会出现上面的情况
    //     this.setData({
    //         navID: navID >>>0,
    //         videoListData:[]
    //     })
    //     wx.showLoading({
    //         title: '正在加载',
    //       })
    //     //获取导航标签对应的视频数据
    //     // this.getVideoData(this.data.navID)
    // },

    //请求视频数据
    async getVideoData(){
        let idx = 0;
        for(let i=0;i<=10;i++){
            idx++;
        }
        let videoData  = await request('/video/timeline/recommend',{offset:idx})
        this.setData({
            // videoListData,
            isTriggered:false,
            videoData:videoData.datas
        })
         
        wx.hideLoading();
        // let index = 0;
        // let videoListData = videoData.datas.map(item=>{
        //     item.id = index++;
        //     return item;
        // })
        console.log(videoData);
        
    },
    handleTimeUpdate(event){
        let handleTimeOBJ = {vid:event.currentTarget.id,currentTime:event.detail.currentTime}
        let {videoTimeUpdate} = this.data
        let videoItem = videoTimeUpdate.find(item => item.vid === handleTimeOBJ.vid)//在videoTimeUpdate数组中寻找vid并比较
        if(videoItem){
            videoItem.currentTime = event.detail.currentTime
        }else{
            videoTimeUpdate.push(handleTimeOBJ)
        }
        this.setData({
            videoTimeUpdate
        })
    },
    //自定义下拉刷新
    handleRefresher(){
        // console.log("shuaxin");
        this.getVideoData(this.data.videoData)
    },
    //请求点赞数据
    // async getLikedData(){
    //     let ID = this.data.videoData.vid;
    //     let likedData = await request('/video/detail/info',{id:ID})
    //     console.log(likedData);
    // },

    //点击播放/暂停播放
    handlePlay(event){
        // console.log("handlePlay()");
        let vid = event.currentTarget.id;//用户每次点击播放视频的时候将当前视频的vid传给vid
        // console.log(vid);
        // this.vid !== vid && this.videoContext && this.videoContext.stop();//当当前视频的vid不等于vid的时候且this.videoContext有值时停止视频
        // this.vid = vid;//将当前视频的vid赋值给this.vid
        this.videoContext = wx.createVideoContext(vid);//用户点击播放的时候将创建该视频的实例对象
        this.videoContext.play();
        this.setData({
            videoId: vid
        })
        console.log(vid);
    },
    
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})